<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

<head>
    <div th:replace="/common/head::baseHead('Home')"></div>
    <style type="text/css">
    </style>
</head>

<body>
    <div th:replace="/common/navbar::navbar(home)"></div>
    <br>
    <div class="container">
        <div class="row" id="example-1">
            <div class="col-md-4 br" v-for="item in items">
                <div class="card">
                    <div class="card-header">头部</div>
                    <div class="card-body">{{item.message}}</div>
                    <div class="card-footer">底部</div>
                </div>
            </div>
        </div>
    </div>
    <!--script-->
    <div th:replace="/common/js::baseJs"></div>
    <script>
        var example1 = new Vue({
            el: '#example-1',
            data: {
                items: [
                    { message: 'Foo' },
                    { message: 'Bar' }
                ]
            }
        })
    </script>
</body>

</html>